html,
    body {
        font-family: "宋体" !important;
    }
    
    .fw-700 {
        font-weight: 700;
    }
    
    .ls-1 {
        letter-spacing: 1px;
    }
    
    .pa-2 {
        padding: 2% 0 !important;
    }
    
    .ff-emoji {
        font-family: emoji;
    }
    
    .bc-f8f9fa {
        background-color: #f8f9fa !important;
    }
    
    .b1s-dddddd {
        border: 1px solid #dddddd !important;
    }
    
    .bg-light {
        background-color: #fff!important;
    }
    
    .navbar {
        padding: 2px 0 0 0;
        display: block;
        position: sticky;
    }
    
    .navbar-brand {
        display: flex;
        justify-content: center;
        line-height: 50px;
    }
    
    .navbar-brand p {
        color: #30508a;
        font-weight: 600;
        font-family: emoji;
    }
    
    .active {
        /* border-bottom: 2px solid #30508a; */
        border-bottom: 2px solid #fff;
        color: #ffffff !important;
        background: #3f749b;
    }
    
    .active .nav-link {
        color: #ddd !important;
    }
    
    .navbar-text {
        background: #30508a;
        width: 30px;
        height: 35px;
        padding: .5rem;
        border: 1px solid #fff;
        border-radius: 5px;
    }
    
    a.text-secondary:hover {
        color: #fff !important;
        font-weight: 700;
    }
    
    .navbar-text a {
        color: #FFFFFF !important;
    }
    
    .f_1:hover #z_1,
    /* .f_2:hover #z_2, */
    
    .f_3:hover #z_3,
    .f_4:hover #z_4 {
        display: block !important;
    }
    
    #z_1,
    #z_2,
    #z_3,
    #z_4 {
        display: none;
        position: absolute;
        top: 100%;
        width: 140px;
        text-align: center;
        border-top: 1px solid #fff;
        /* border-left: 1px solid #122d51; */
    }
    
    .nav-link2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        color: #ffffff !important;
        background: #30508a !important;
        border-bottom: 1px solid #fff;
    }
    
    .nav-link2:hover {
        color: #000 !important;
        background: #fff;
    }
    
    .but {
        width: 100px;
        height: 30px;
        background: #125dba;
        margin: auto;
        margin-top: 10%;
        margin-bottom: 2%;
        color: #fff;
    }
    
    .but h4 a {
        color: #FFFFFF !important;
    }
    
    .bj2 {
        background: #FFFFFF;
        border: 2px solid #ddd;
    }
    
    .bj_me {
        background: url(../images/bj_me.png)no-repeat;
        background-size: 100% 50%;
        background-position: bottom;
    }
    
    .bj2_content {
        font-size: 30px;
        font-weight: 700;
        color: #125dba;
    }
    
    .bj2_title {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    
    .bj2_tail {
        text-align: center;
        font-size: 17px;
        font-weight: 600;
    }
    
    .text-center p {
        font-weight: 700;
        font-size: 26px;
        font-family: auto;
    }
    
    .text-center p a {
        color: #125dba;
    }
    
    .btn-info {
        color: #fff;
        background-color: #405e93 !important;
        border-color: #405e93 !important;
    }
    
    .text-center hr {
        border: 2px solid #ddd;
        width: 7%;
    }
    
    .bj3_big_title {
        width: 170px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        background: #125dba;
        margin: auto;
        color: #fff;
        border-radius: 10px;
    }
    
    .bj3_sub_title {
        font-size: 18px;
        font-family: initial;
        margin: 1% 0;
    }
    
    .bj3 {
        width: 100%;
        height: 225px;
        background: url(../images/bj3.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    
    .bj4 {
        background: url(../images/bj4.png)no-repeat;
        background-size: 100% 100%;
        margin-top: -3rem;
    }
    
    .text-warning {
        color: #a1a1a1 !important;
        font-size: 22px !important;
    }
    
    .bj4_sub_title1 {
        font-size: 40px;
        font-weight: 900;
        color: #91919180;
        margin-bottom: -45px;
        font-family: auto;
    }
    
    .bj4_big_title {
        font-size: 20px;
        font-weight: 800;
        margin-top: 20px;
        font-family: auto;
    }
    
    .bj4_sub_title {
        font-size: 20px;
        font-weight: 700;
        padding-left: 10px;
        font-family: auto;
    }
    
    .bj4_news {
        background: #ddd;
        border-radius: 20px;
        padding-top: 10px;
        margin-left: 4%;
        margin-right: 20px;
        box-shadow: 0px 10px 5px #888888;
    }
    
    .footer.pt-5.border-top.text-secondary.bg-light {
        background-color: #30508a !important;
    }
    
    .footer.pt-5.border-top.text-secondary.bg-light div div div h5 {
        font-weight: 800;
    }
    
    .text-secondary {
        color: #ffffff !important;
    }
    
    .copyright.border-top.lh-3.text-center.d-none.d-md-block {
        background-color: #234176 !important;
    }
    
    .media-body h5 a {
        font-family: emoji;
        font-weight: 600;
    }
    
    .bj3_but {
        background: transparent;
        width: 170px;
        height: 47px;
        position: absolute;
        bottom: 18%;
        right: 29%;
    }
    
    .online dl {
        background: #234176 !important;
    }
    
    .online dl:hover {
        background: #30508a;
    }
    
    .card-body {
        padding: 5px;
    }
    
    .card-title {
        margin-bottom: 0;
    }
    
    .zz_con p img {
        width: 100%;
    }
    
    @media (min-width: 1200px) {
        .fixed-top .container,
        .bj_me .container {
            max-width: 1400px !important;
        }
        .bj_cp .container {
            max-width: 1400px;
        }
        .bj4 .container {
            max-width: 1400px;
        }
    }
    
    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 0.3rem !important;
            padding-left: 0.3rem !important;
        }
        .navbar .container {
            max-width: 100%;
        }
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px !important;
        padding-left: 10px !important;
        color: #fff !important;
    }
    
    .bj2_conent {
        padding-left: 40px;
    }
    
    .nav-item {
        width: 140px;
        text-align: center;
    }
    
    .z li:hover,
    .nav-item:hover {
        background: #3f749b !important;
    }
    
    .nav-link:hover {
        color: #fff !important;
        background: linear-gradient(to left, #fff, #fff) left top no-repeat, linear-gradient(to bottom, #fff, #fff) left top no-repeat, linear-gradient(to left, #fff, #fff) right bottom no-repeat, linear-gradient(to left, #fff, #fff) right bottom no-repeat;
        background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
    }
    
    @media (min-width: 1200px) {
        .navbar .container {
            max-width: 1140px;
        }
    }
    
    .logo-sm-height {
        /* margin-right: 10px; */
        height: 75px;
    }
    
    @media (max-width: 700px) {
        .logo-sm-height {
            height: 60px !important;
            /* margin: 0 43%; */
        }
        .scaction {
            display: none;
        }
        .pc,
        .nav-link2 {
            display: none !important;
        }
        .z {
            border-top: none !important;
        }
        .text-warning {
            font-size: 20px !important;
        }
        .bj_me {
            padding-top: 0 !important;
        }
        /* .navbar-brand {
            display: block !important;
        } */
        .phone-fs-18 {
            font-size: 18px !important;
        }
        .phone-fs-12 {
            font-size: 12px !important;
        }
        .nav-item {
            width: 100%;
        }
        .bj2_conent {
            padding-left: 15px;
        }
        .bj4_content {
            display: block;
        }
        .bj4_news {
            max-width: 90%;
            margin: auto;
        }
    }
    /*背景层*/
    
    #popLayer {
        display: none;
        background-color: #B3B3B3;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        -moz-opacity: 0.8;
        opacity: .80;
        filter: alpha(opacity=80);
    }
    /*弹出层*/
    
    #popBox {
        display: none;
        background-color: #FFFFFF;
        z-index: 11;
        width: 35%;
        height: 50%;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        border-radius: 5px;
    }
    
    #popBox .close {
        text-align: right;
        margin-right: 5px;
        background-color: #F8F8F8;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*关闭按钮*/
    
    #popBox .close a {
        text-decoration: none;
        color: #2D2C3B;
    }